// 怎么实现按钮和js时间绑定
<template>
    <div>
        <!-- v-on代表事件绑定 -->
        <!-- v-on:click代表点击事件 -->
        <!-- v-on:click="m1"代表点击事件后调用m1方法 -->
<div><input  type="button" value="点我" v-on:click="m1"></div>
<!-- 事件绑定可以简写为 @ -->
<div><input  type="button" value="点我" @click="m2"></div>
<div>{{ count }}</div>
    </div>
</template>
    <script>
      const options={
            data() {
                return {
                    name: '张三',
                    age: 18,
                    sex: '男',
                    count: 0
                }
            },
            methods: {
                m1() {
                    // this代表data中的数据，代表data这整个对象
                    this.count++;

                    alert('你好');
                    // 这个是js的alert方法，弹出一个对话框，显示你好
                },
                m2() {
                    this.count--;
                    console.log('你好');
                }
            }
      };
      export default options;
    
    </script>



